<#ibizinclude>
../@MACRO/CONTROL/LANGBASE.vue.ftl
</#ibizinclude>
<div class="app-data-view">
<#if ctrl.render??><#t>
    ${ctrl.render.code}
<#else><#t>
    <row class="data-view-container" v-if="items.length > 0" :gutter="20" type="flex" justify="start">
        <template v-for="(item,index) in items">
            <i-col :key="index"<#if ctrl.getCardColLG() gt 0> :lg="${ctrl.getCardColLG()?c}"</#if><#if ctrl.getCardColMD() gt 0> :md="${ctrl.getCardColMD()?c}"</#if><#if ctrl.getCardColSM() gt 0> :sm="${ctrl.getCardColSM()?c}"</#if><#if ctrl.getCardColXS() gt 0> :xs="${ctrl.getCardColXS()?c}"</#if> style="<#if ctrl.getCardHeight() gt 0>height: ${ctrl.getCardHeight()?c}<#else>min-height: 170</#if>px;<#if ctrl.getCardWidth() gt 0> width: ${ctrl.getCardWidth()?c}px;</#if>">
                <div :class="[ item.isselected === true ? 'selected' : false, 'single-card-data' ]" @click="handleClick(item)" @dblclick="handleDblClick(item)">
    <#if ctrl.getItemPSLayoutPanel()??>
    <#assign panel = ctrl.getItemPSLayoutPanel()>
                        <@ibizindent blank=24>
                        ${P.getCtrlCode(panel, 'CONTROL.html').code}
                        </@ibizindent>
    <#elseif ctrl.itemRender??>
                        ${ctrl.itemRender.code}
    <#else>
                    <div class="single-card-img">
                        <img :src="item.srficonpath || './assets/img/noimage.png'"/>
                    </div>
                    <div :title="item.srfmajortext" class="single-card-default">
                        {{item.srfmajortext}}
                    </div>
    </#if>
                </div>
            </i-col>
        </template>
    </row>
    <div v-else class="app-data-empty">{{$t('<#if langbase??>${langbase}.nodata</#if>')}}</div>
</#if>
</div>